$(function(){
	//列表产生
	
	$("#Navigation_one").mouseover(function(){
		 $("#Navigation_one_bom").css("display","block")
		 
	})
	//列表消失
	$("#Navigation_one").mouseout(function(){
		 $("#Navigation_one_bom").css({"display":"none","background":"#f5f5f5"})
		 $("#Navigation_one_bom div").css("display","none")
	})
	//滑动哪个哪个详细列表出现
	$(".Navigation_one_bomli").each(function(index,value){
		 $(this).mouseover(function(){
		 	 $(this).css("background","#ffffff")
		 	 $(this).siblings().css("background","#f5f5f5")
		 	 $(this).siblings().find("a").css("color","#a0a0a0")
		 	 $(this).siblings().find("div").css("display","none")
		 	 $(this).find("div").css("display","block")
		 	 $(".Navigation_one_bomp").eq(index).find('a').css("color","red")
		 	 $(".Navigation_one_bomp2").eq(index).find('a').css("color","red")
		 	 
		 })
	})
	//所有a标签变红匹配他的li列表
	$('#Navigation_one div li').mouseover(function(){
		 $(".liating").find("a").css('color',"#A0A0A0")
		$(this).find("a").css("color","red")
	}) 
	
	
	
	//左侧字体变粗
	$(".Navigation_one_bomp a").mouseover(function(){
		$(this).siblings().css("fontWeight","100")
		$(this).css("fontWeight","700")
	})
	//变粗换背景
	$(".Navigation_one_bomp2 a").each(function(index,value){
		$(this).mouseover(function(){
			$(this).css("fontWeight","700")
			$(".Navigation_one_bomp2 i").eq(index).css("background-position-y",-240-index*30)
		}).mouseout(function(){
			$(this).css("fontWeight","100")
			$(".Navigation_one_bomp2 i").eq(index).css("background-position-y",-60-index*30)
		})
	})
	
	//头部背景
	$("#amj_kai").click(function(){
		$("#amj_t").css("display","none")
	})
	//购物车运动
	   var index = 0
	 
		$("#amj_r_g").click(function(){
		 	if(index%2 == 0){
		 		$("#amj_r").animate({"right":"0"})
		 		index++
		 	}else if(index%2 != 0){
		 		$("#amj_r").animate({"right":"-260"})
		 		index++
		 	}
		})
		
		//个人信息边长
		$("#top_me_xin").mouseenter(function(){
			 $(this).animate({"height":"170"},200)
			 $(this).css({"border":"1px solid #ccc","background":"#fff"})
		})
		$("#top_me_xin").mouseleave(function(){
			 $(this).animate({"height":"34"},200)
			  $(this).css({"border":"none","background":"#f5f5f5"})
		})
		 $("#top_me_xin ul").mouseenter(function(){
			 $("#top_me_xin").animate({"height":"170"},200)
			  $("#top_me_xin").css({"border":"1px solid #ccc","background":"#fff"})
		})
		$("#top_me_xin ul").mouseleave(function(){
			 $("#top_me_xin").animate({"height":"34"},200)
			$("#top_me_xin").css({"border":"none","background":"#f5f5f5"})
		})
		 $("#top_me_xin ul a").mouseenter(function(){
			 $(this).css({"color":"red","background":"#eee"},200)
		})
		$("#top_me_xin ul a").mouseleave(function(){
			 $(this).css({"color":"#000","background":"#fff"},200)
		})
		
	 	$("#shouji").hover(function(){
	 		 
	 		$("#top_me_er").animate({"height":"125"},200)
	 	},function(){
	 		 
	 		$("#top_me_er").animate({"height":"0"},200)
	 	})
	 	 
	 	//----------------------------回到头部
	 	$("#amj_r_l_tian i").eq(2).click(function(){
	 		$(document).scrollTop(0)
	 	})
	 	
	 	
	 	var str = $.cookie("good")
	 	 
	 	if(str){
	 		 $(".amj_r_rp").css({"display":"none"})
	 		 var strobj =  strtoobj(str)
	 		 $.each(strobj, function(index,value) {
	 		 	 var ls = `<div class="gouwuactive">
					<img src="${value["src"]}" pid ="${index}"/>
					<div>
						<p>${value["nei"]}</p>
						<section>
							<span>￥${value["jiang"]}</span>
							<b>${value["num"]}</b>
							<em class="shanchule">X</em>
						</section>
					</div>
				</div>`;
				 
	 		 	 $("#amj_r_r").append(ls)
	 		 	 $("#amj_r_g span").html(loadCart());
	 		 	 $("#amj_r_rbnum").find("span").html(loadCart())
	 		 	 $("#amj_r_rbpic").find("span").html(manei())
	 		 });
	 		 
	 		 
	 	}else{
	 		 $(".amj_r_rp").css({"display":"block"})
	 	}
	 	
	 	//--------------------------------划过变色显色删除按钮
	 	$(".gouwuactive").hover(function(){
	 		$(this).css({"background":"#f5f5f5"})
	 		$(this).find("div section em").css({"display":"block"})
	 	},function(){
	 		$(this).css({"background":"#fff"})
	 		$(this).find("div section em").css({"display":"none"})
	 	})
	 	//----------------------------------------点击删除了
	 	$(".shanchule").click(function(){
	 		 $(this).parent().parent().parent().remove()
	 		 var id = $(".gouwuactive img").attr("pid")
	 		 var cartStr = $.cookie("good") ? $.cookie("good") : "";
			 var cartObj = strtoobj(cartStr);
			 delete cartObj[id];
			 $.cookie('good', objtostr(cartObj),{expires: 7,path: "/"});
	 	})
	 	 
	 	
	 	
	 	function strtoobj(str){
		 		if(!str){
		 			return {}
		 		}
		 		var goods = str.split("!")
		 		var obj ={}
		 		for(var i=0;i<goods.length;i++){
		 			var data = goods[i].split(",")
		 			obj[data[0]]={
		 				nei :data[1],
		 				src : data[2],
		 				yuan : data[3],
		 				jiang : data[4],
		 				num:parseInt(data[5])
		 			}
		 		}
		 		return obj
		 	}
		 	//-------将对象转化为字符串
		 	function objtostr(obj){
		 		 var strr =""
		 		 for(var id in obj){
		 		 	if(strr){
		 		 		strr += "!"
		 		 	}
		 		 	strr += id +","+obj[id].nei+","+obj[id].src+","+obj[id].yuan+","+obj[id].jiang+","+obj[id].num
		 		 }
		 		 return strr
		 	}
		 	//-----------------一共多少件
		 	function loadCart(){
				var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num;
						 
					}
					return total
			}
		 //------------------------一共多少钱
		  function manei(){
		 	var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num * cartObj[id].jiang;
						 
					}
					return total
		 }
		 	
})

